<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,initial-scale=1,user-scalable=no" />
  <title>
    <%= CONFIG_HTML_TITLE || CONFIG_APP_NAME %>
  </title>
  <meta name="description" content="<%= CONFIG_HTML_DESCRIPTION  %>" />
  <meta name="keywords" content="<%= CONFIG_HTML_KEYWORDS %>" />
  <link rel="shortcut icon" href="<%= CONFIG_APP_LOGO  %>" />
  <link rel="dns-prefetch" href="<%= CONFIG_LIB_HOST %>" />
  <link rel="preconnect" href="<%= CONFIG_LIB_HOST %>" crossorigin />
  <script>
    var APPCONF = '<%- appConf %>';
    var MODE = '<%- mode %>';
    var ENV = '<%- env %>';
  </script>
  <% if (mode==='production' ) { %>
    <script src="<%= CONFIG_LIB_HOST %>/lib/vue/3.5.13/vue.global.prod.min.js"></script>
    <script>
      // no-import-polyfill
      window.Vuex = {};
      window.VueRouter = {};
    </script>
    <script src="<%= CONFIG_LIB_HOST %>/lib/@keenoho/js-sdk/keenoho.umd.min.js"></script>
    <script src="<%= CONFIG_LIB_HOST %>/lib/@keenoho/keenoho-ui/index.min.js"></script>
    <link href="<%= CONFIG_LIB_HOST %>/lib/@keenoho/keenoho-ui/root.rem.min.css" rel="stylesheet" />
    <link href="<%= CONFIG_LIB_HOST %>/lib/@keenoho/keenoho-ui/index.rem.min.css" rel="stylesheet" />
    <% } %>
</head>

<body style="font-size: 14px">
  <div id="root">
    <span loading>loading...</span>
  </div>
  <script type="module" src="./src/index.js"></script>
</body>

</html>